<template>
    <el-dialog
        title="登录验证"
        :visible.sync="dialogVisible"
        width="370px"
        :before-close="handleClose">

        <slide-verify :l="42"
            :r="10"
            :w="310"
            :h="155"
            slider-text="向右滑动"
            @success="onSuccess"
            @fail="onFail"
            @refresh="onRefresh"
        ></slide-verify>
    </el-dialog>
    
</template>

<script>
export default {
    name:'slideAss',
    props:['dialogVisible'],
    methods: {
        handleClose(){
            this.$emit("update:dialogVisible", false)
        },
        onSuccess(e){
            this.$emit("update:dialogVisible", false);
             this.$message({message: '验证成功开始登录', type: 'success'});
            this.$emit("login","")
        },
        onFail(){
            this.msg = ''
        },
        onRefresh(){
            this.msg = ''
        }
    }
}
</script>

<style>

</style>